ol, ul, li {
  list-style: none;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* 忘记密码 2018-10-24 */
.forget-pwd {
  width: 1200px;
  margin: 0 auto;
}

.forget-pwd_return {
  line-height: 1;
  padding-top: 10px;
}

.forget-pwd_return a {
  font-size: 14px;
  color: #4aa8e5;
}

.forget-pwd_title {
  font-size: 18px;
  color: #4aa8e5;
  line-height: 28px;
  text-align: center;
  margin-bottom: 17px;
}

.forget-pwd_main {
  height: 418px;
  padding-top: 25px;
  background: #fff;
}

.step-title {
  display: flex;
  width: 628px;
  padding-bottom: 15px;
  margin: 0 auto;
  overflow: hidden;
  justify-content: center;
  text-align: center;
}

.step-title li {
  flex: 1;
  position: relative;
}

.step-title li::before {
  content: '';
  position: absolute;
  top: 28px;
  left: 50%;
  width: 150%;
  height: 0;
  border-top: 1px dashed #bfbfbf;
}

.step-title li:first-child::before {
  left: 0;
}

.step-title li:nth-child(2)::before {
  width: 100%;
}

.step-title li strong {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #bfbfbf;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  position: relative;
  z-index: 3;
}

.step-title li p {
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: #333;
}

.step-title li.active::before {
  border-color: #4aa8e5;
}

.step-title li.active strong {
  background: #4aa8e5;
}

.step-title li.active p {
  color: #4aa8e5;
}

.forget-pwd_input {
  width: 628px;
  padding-left: 105px;
  margin: 0 auto;
}

.forget-pwd_input label {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 1;
  margin-top: 10px;
}

.forget-pwd_input input {
  width: 252px;
  height: 38px;
  font-size: 14px;
  border: 1px solid #bfbfbf;
  margin: 10px 0;
  padding: 0 10px;
}

.forget-pwd_input input:focus {
  border-color: #4aa8e5;
  outline: none;
}

.forget-pwd_code {
  overflow: hidden;
}

.forget-pwd_code input {
  float: left;
  width: 110px;
  margin-right: 10px;
  text-align: center;
}

.forget-pwd_code a {
  display: inline-block;
  width: 110px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #4aa8e5;
  margin: 10px 0;
}

.forget-pwd_input #send {
  display: block;
  width: 110px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #bfbfbf;
  margin-top: 10px;
  cursor: no-drop;
  cursor: not-allowed;
}

.forget-pwd_input #step-btn {
  background: #4aa8e5;
  cursor: pointer;
}

.forget-pwd_complete {
  font-size: 14px;
  color: #bfbfbf;
  text-align: center;
  line-height: 24px;
  padding-top: 40px;
}

.forget-pwd_complete h2 {
  font-size: 24px;
  color: #000003;
  line-height: 34px;
}

.forget-pwd_complete p i {
  color: #4aa8e5;
  font-style: normal;
}

/* 公共样式 */
html,
body {
  height: 100%;
  font-size: 14px;
}

input:focus {
  border-color: #57a3f3;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

button,
button:hover,
button:focus,
.ivu-btn,
.ivu-btn:hover,
.ivu-btn:focus {
  outline: none;
  cursor: pointer;
  /* background: none; */
  box-shadow: 0 0 0 0 transparent;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tal,
.tal input {
  text-align: left;
}

.tac,
.tac input {
  text-align: center;
}

.tar,
.tar input {
  text-align: right;
}

.font-gray {
  color: #4fa1a4;
}

.font-orange {
  color: #ff7202;
}

.font-red {
  color: #ff0000;
}

.margin10 {
  margin: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.percent20 {
  float: left;
  width: 20%;
}

.percent40 {
  float: left;
  width: 40%;
}

#app {
  height: 100%;
}

.vue-wrapper {
  height: 100%;
  padding: 0 80px;
}

@media screen and (min-width: 1920px) {
  .vue-wrapper {
    padding: 0 150px;
  }
}

.page-content {
  padding-top: 15px;
}

/* iview字体大小修改 */
.ivu-input,
.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
  font-size: 14px;
}

.ivu-select {
  vertical-align: top;
}

/* 公共输入框 */
.common-input {
  display: flex;
}

.common-input>span {
  display: inline-flex;
  padding: 4px 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #515a6e;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dcdee2;
  align-items: center;
  white-space: nowrap;
}

.common-input>span.prepend {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}

.common-input>span.required::before {
  content: "*";
  font-size: 14px;
  color: #ff0000;
}

.common-input>span.append {
  border-radius: 0 4px 4px 0;
  border-left: 0;
  padding: 0;
}

.common-input .common-input-flex {
  flex: 1;
}

.common-input .common-input-flex .ivu-select-selection:focus {
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.common-input .append .ivu-icon {
  display: inline-flex;
  height: 100%;
  font-size: 16px;
  color: #fff;
  align-items: center;
}

.common-input .append .ivu-icon-md-close {
  padding: 0 6px;
  background: #f00220;
}

.common-input .append .ivu-icon-ios-search {
  padding: 0 15px;
  background: #50a1a4;
}

.common-input .append.unit {
  padding: 0 10px;
}

.common-input .append button:focus {
  outline: none;
}

.common-input .input-line {
  display: inline-flex;
  padding: 4px 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #bfbfbf;
  text-align: center;
  border-top: 1px solid #dcdee2;
  border-bottom: 1px solid #dcdee2;
  align-items: center;
  white-space: nowrap;
  background: #fff;
}

.ivu-date-picker {
  width: 100%;
}

/* input的三种情况 默认只有input一个元素 */
/* input为最后一个元素 */
.common-input .common-input-flex:not(:first-child) input {
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

.common-input .common-input-flex:not(:first-child) .ivu-select-selection {
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

/* input为中间元素 */
.common-input .common-input-flex:not(:first-child):not(:last-child) input {
  border-right: 0;
  border-radius: 0;
}

/* input为第一个元素 */
.common-input .common-input-flex:not(:last-child) input {
  border-right: 0;
  border-radius: 4px 0 0 4px;
}

.common-input .common-input-flex input:focus {
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

/* 头部查询 */
.search-wrapper {
  padding: 15px;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background: #f9f9f9;
}

.search-wrapper .hide-search .ivu-row {
  margin-top: 10px;
}

.search-wrapper .search-stretch {
  display: block;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  color: #4fa1a4;
  border: 1px solid #4fa1a4;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.search-wrapper .search-btn2 {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  color: #fff;
  padding: 0 12px;
  border-radius: 4px;
  background: #4fa1a4;
}

.search-wrapper .search-btn2::before {
  margin-right: 5px;
}

/* 按钮 */
.empty-btn button {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  color: #4fa1a4;
  padding: 0 10px;
  border: 1px solid #4fa1a4;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}

.empty-btn button.del {
  color: #f00220;
  border-color: #f00220;
}

.empty-btn button:hover {
  color: #fff;
  background: #4fa1a4;
}

.empty-btn button.del:hover {
  background: #f00220;
}

.full-btn button {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  padding: 0 10px;
  border: 0;
  border-radius: 4px;
  background: #4fa1a4;
}

.empty-btn button::before,
.full-btn button::before {
  margin-right: 5px;
}

.btn-table button {
  color: #00aaeb;
  padding: 1px 7px 2px;
  border: 0;
  border-left: 1px solid #c8c8c8;
}

.btn-table button:first-child {
  border-left: 0;
}

.btn-table button.del {
  color: #f00220
}

.btn-group button:hover {
  color: #fff;
  background: #2d8cf0;
}

.btn-group button.close:hover {
  border-color: #f00220;
  background: #f00220;
}

/* iview表格重置 */
.ivu-table-wrapper {
  border: 0;
}

.ivu-table {
  font-size: 14px;
}

.ivu-table:before,
.ivu-table-fixed-right::before,
.ivu-table-fixed::before {
  height: 0;
}

.ivu-table:after {
  width: 0;
}

.ivu-table td,
.ivu-table th {
  border-bottom: 0;
}

.ivu-table th {
  height: 50px;
  background: #efefef;
  font-size: 16px;
}

.ivu-table td {
  height: 40px;
}

.ivu-table-row-highlight td,
.ivu-table-row-highlight.ivu-table-row-hover td {
  color: #fff;
  background: #4fa1a4 !important;
}

.ivu-table-cell {
  padding: 0 2px;
  white-space: nowrap;
}

.ivu-table-cell strong {
  font-weight: normal;
  cursor: pointer;
}

.ivu-table-cell strong:hover {
  color: #4fa1a4;
  text-decoration: underline;
}

.ivu-table-cell .ivu-btn,
.ivu-table-cell a {
  font-size: 14px;
  border: 0;
  border-left: 1px solid #c8c8c8;
  border-radius: 0;
  padding: 1px 7px 2px;
}

.ivu-table-cell .ivu-btn:first-child,
.ivu-table-cell a:first-child {
  border-left: 0;
}

.ivu-table-cell .ivu-btn-info,
.ivu-table-cell .ivu-btn-error {
  background-color: transparent;
}

.ivu-table-cell .ivu-btn-info,
.ivu-table-cell a {
  color: #00aaeb;
}

.ivu-table-cell .ivu-btn-error,
.ivu-table-cell a.error {
  color: #f00220;
}

.ivu-table-row-highlight td a,
.ivu-table-row-highlight.ivu-table-row-hover td a {
  color: #fff;
  text-decoration: underline;
}

.table-vue {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table-vue thead tr th,
.table-vue tbody tr td {
  padding: 0 4px;
}

.table-vue thead tr th {
  height: 50px;
  background: #efefef;
  font-size: 16px;
}

.table-vue tbody tr td {
  height: 40px;
  text-align: center;
}

.table-vue tbody tr:nth-child(2n) td {
  background: #f8f8f9;
}

.table-vue tbody tr td input {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  outline: none;
}

.table-vue tbody tr td input:focus {
  border-color: #57a3f3;
}

.table-vue tbody tr td button {
  background: none;
  border: 0;
  padding: 0 7px;
  border-left: 1px solid #c8c8c8;
}

.table-vue tbody tr td button:first-child {
  border-left: 0;
}

.table-vue tbody tr td button.del {
  color: #f00220;
}

/* 表格条数统计 */
.table-total {
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
  font-weight: 400;
  margin: 15px 0;
  text-align: left;
}

.table-total span {
  font-size: 24px;
  color: #00aaeb;
}

/* 面板分割 */
.splitWrapper {
  height: 100%;
}

.split-pane-right {
  padding-left: 6px;
}

.handover-modal p {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-left: 30px;
}

.handover-modal p::before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
  color: #ff7202;
  font-weight: bold;
}

/* 多选框 */
.ivu-checkbox-wrapper {
  font-size: 14px;
}

/* 陆运订单录入 */
.order-entry {
  padding: 10px 20px;
  background: #f9f9f9;
  margin-top: 10px;
}

.order-entry_title {
  line-height: 32px;
  overflow: hidden;
}

.order-entry_title h4 {
  float: left;
  font-size: 16px;
  color: #00aaeb;
}

.order-entry_title>span {
  float: right;
  font-size: 14px;
  color: #00aaeb;
  cursor: pointer;
}

.order-entry_title b {
  font-weight: normal;
}

.order-entry_title .ivu-checkbox-wrapper {
  padding-left: 20px;
}

.order-entry_content {
  padding-top: 7px;
}

.order-entry_content .ivu-row {
  margin-bottom: 10px;
}

.order-entry_content .ivu-row label {
  line-height: 32px;
}

.orange-btn {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  padding: 0 10px;
  border-radius: 4px;
  background: #ff7202;
}

.cargo-info-table {
  border: 1px solid #ddd;
  margin: 10px 0;
}

.cargo-info-table table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cargo-info-table_head,
.cargo-info-table_body {
  width: 100%;
}

.cargo-info-table_head th,
.cargo-info-table_body td {
  text-align: center;
  vertical-align: middle;
  border-left: 1px dashed #ddd;
}

.cargo-info-table_head th:first-child,
.cargo-info-table_body td:first-child {
  border-left: 0;
}

.cargo-info-table_head th {
  height: 38px;
  border-bottom: 1px dashed #ddd;
}

.cargo-info-table_body td {
  height: 30px;
  border-top: 1px dashed #ddd;
  background: #fff;
}

.cargo-info-table_body input {
  width: 100%;
  height: 100%;
  border: 0;
  text-align: center;
}

.cargo-info-table_body td:nth-child(2) input {
  padding-left: 10px;
  text-align: left;
}

.cargo-info-table_body input:focus {
  border: 0;
  outline: none;
}

.cargo-info-table_body button {
  color: #4fa1a4;
  font-weight: bold;
  background: transparent;
  border: 0;
}

/* 物流追溯 */
.ivu-collapse {
  border: 0;
}

.ivu-collapse>.ivu-collapse-item {
  position: relative;
  border-top: 0;
  overflow: hidden;
}

.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header,
.ivu-collapse-simple>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header,
.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
  border-bottom: 2px solid #00aaeb;
  margin-bottom: 20px;
}

.ivu-collapse-header h2 {
  float: left;
  font-size: 18px;
  color: #00aaeb;
  line-height: 38px;
  margin-right: 15px;
}

.ivu-collapse-header h2::before {
  font-size: 28px;
  margin-right: 10px;
  vertical-align: middle;
}

.ivu-collapse-header .ivu-icon-ios-arrow-forward {
  width: 20px;
  height: 20px;
  color: #00aaeb;
  text-align: center;
  border: 1px solid #00aaeb;
  border-radius: 100%;
  margin-right: 0 !important;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ivu-collapse-header .ivu-icon-ios-arrow-forward::before {
  vertical-align: middle;
}

.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header>i {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.logistics-info {
  align-items: center;
  margin: 10px 0 5px;
  position: relative;
  z-index: 3;
}

.logistics-info ul {
  display: flex;
}

.logistics-info li {
  flex: 1;
  font-size: 14px;
  color: #bfbfbf;
}

.logistics-info em {
  display: inline-flex;
  font-style: normal;
}

.logistics-info span {
  color: #333;
  /* white-space: nowrap; */
}

.logistics-info span i {
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-style: normal;
  border-radius: 100%;
  text-align: center;
  margin-right: 5px;
}

.logistics-info span.start i {
  background: #4fa1a4;
}

.logistics-info span.end i {
  background: #ff7202;
}

.logistics-info em.line {
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #32baee;
  position: relative;
  vertical-align: middle;
  margin: 0 8px;
}

.logistics-info em.line::before {
  position: absolute;
  top: -3px;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid #32baee;
  border-left: 7px solid transparent;
  transform: rotate(45deg);
}

.logistics-process {
  display: flex;
}

.logistics-process dl {
  flex: 1;
  text-align: center;
}

.logistics-process_icon {
  height: 68px;
  padding-top: 7px;
  position: relative;
}

.logistics-process_icon::before {
  position: absolute;
  top: 34px;
  right: 50%;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px dashed #bfbfbf;
}

.logistics-process dl:first-child .logistics-process_icon::before {
  border-top: 0;
}

.logistics-process_icon p {
  width: 54px;
  height: 54px;
  padding: 5px;
  margin: 0 auto;
  background: #fff;
  transform: rotate(45deg);
  position: relative;
  z-index: 2;
}

.logistics-process_icon p::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 50%;
  border-radius: 27px 27px 0 0;
  border: 1px dashed #bfbfbf;
  border-bottom: 0;
}

.logistics-process_icon p::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 50%;
  height: 50%;
  border-radius: 0 0 100% 0;
  border: 1px dashed #bfbfbf;
  border-top: 0;
  border-left: 0;
}

.logistics-process_icon span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  position: relative;
}

.logistics-process_icon span:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 50%;
  height: 100%;
  border: 1px solid #bfbfbf;
  border-radius: 22px 0 0 22px;
  border-right: 0;
}

.logistics-process_icon span:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 50%;
  height: 50%;
  border: 1px solid #bfbfbf;
  border-radius: 0 0 100% 0;
  border-top: 0;
  border-left: 0;
}

.logistics-process_icon i {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 34px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #bfbfbf;
  border-radius: 100%;
  transform: rotate(-45deg)
}

.logistics-process_icon.passed p::before,
.logistics-process_icon.passed p::after,
.logistics-process_icon.passed span::before,
.logistics-process_icon.passed span::after {
  border-color: #00aaeb;
}

.logistics-process_icon.passed i {
  background: #00aaeb;
}

.logistics-process_icon.current {
  padding-top: 0;
}

.logistics-process_icon.current p {
  width: 68px;
  height: 68px;
}

.logistics-process_icon.current p::before {
  border-radius: 34px 34px 0 0;
}

.logistics-process_icon.current span::before {
  border-radius: 29px 0 0 29px;
}

.logistics-process_icon.current p::before,
.logistics-process_icon.current p::after,
.logistics-process_icon.current span::before,
.logistics-process_icon.current span::after {
  border-color: #00aaeb;
}

.logistics-process_icon.passed::before,
.logistics-process_icon.current::before {
  border-color: #00aaeb;
}

.logistics-process_icon.current i {
  font-size: 26px;
  line-height: 48px;
  background: #00aaeb;
}

.logistics-process_title {
  color: #333;
  margin: 5px 12px 10px;
  position: relative;
  z-index: 3;
}

.logistics-process_title h3 {
  font-size: 18px;
  line-height: 28px;
}

.logistics-process_title p {
  font-size: 14px;
  line-height: 24px;
}

.logistics-process-detail {
  width: 100%;
  font-size: 14px;
  color: #333;
  padding: 35px 20px 25px 50px;
  border: 1px solid #efefef;
  border-radius: 4px;
  background: #f9f9f9;
}

.logistics-process-detail li {
  display: flex;
  position: relative;
  padding: 5px 0;
}

.logistics-process-detail li::before,
.logistics-process-detail li::after {
  position: absolute;
  top: 50%;
  content: '';
  border-radius: 100%;
}

.logistics-process-detail li::before {
  margin-top: -6.5px;
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #f9f9f9;
  background: #f9f9f9;
  z-index: 2;
}

.logistics-process-detail li::after {
  margin-top: -3.5px;
  left: 3px;
  width: 7px;
  height: 7px;
  background: #efefef;
  z-index: 3;
}

.logistics-process-detail li:first-child::before {
  border: 1px solid rgba(75, 209, 254, .3);
}

.logistics-process-detail li:first-child::after {
  background: #4bd1fe;
}

.logistics-process-detail li i {
  position: absolute;
  top: 0;
  left: 6px;
  width: 1px;
  height: 100%;
  background: #efefef;
}

.logistics-process-detail li:first-child i {
  top: 30%;
}

.logistics-process-detail li span {
  width: 185px;
  text-align: right;
}

.logistics-process-detail li p {
  flex: 1;
  padding-left: 20px;
}

.logistics-process-detail li a {
  color: #333;
  text-decoration: underline;
}

.logistics-process-detail li a::before {
  float: right;
  font-size: 16px;
  color: #00aaeb;
  margin-left: 10px;
}

.logistics-process-detail li:first-child,
.logistics-process-detail li:first-child a {
  font-weight: bold;
}

.img-modal .demo-carousel img {
  max-width: 100%;
  max-height: 100%;
}

.img-modal .ivu-modal-footer {
  padding: 0;
  border-top: 0;
}

.ivu-modal-footer button{
  border: 0;
}

.map-wrapper {
  position: relative;
}

.map-wrapper .map-container {
  width: 100%;
  height: 280px;
}

.map-wrapper i {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  cursor: pointer;
}

.maxMap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.maxMap .map-container {
  height: 100%;
}

.maxMap i {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  cursor: pointer;
}

/* 选项卡 */
.ivu-tabs-bar {
  border-bottom: 2px solid #4fa1a4;
  margin-bottom: 0;
}

.ivu-tabs-nav-container,
.ivu-tabs-nav-wrap {
  margin-bottom: 0;
}

.ivu-tabs-ink-bar {
  background-color: transparent;
}

.ivu-tabs-nav .ivu-tabs-tab {
  min-width: 120px;
  font-size: 14px;
  color: #373737;
  border-radius: 4px 4px 0 0;
  background: #ddd;
  text-align: center;
  margin-right: 6px;
}

.ivu-tabs-nav .ivu-tabs-tab:hover,
.ivu-tabs-nav .ivu-tabs-tab:active,
.ivu-tabs-nav .ivu-tabs-tab-active {
  color: #fff;
  background: #4fa1a4;
}

/* 订单异常跟踪弹窗 */
.abnormal-table {
  width: 100%;
  border-collapse: collapse;
}

.abnormal-table th {
  height: 40px;
  font-size: 16px;
  color: #fff;
  background: #4fa1a4;
  text-align: center;
  vertical-align: middle;
}

.abnormal-table td {
  height: 40px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}

.abnormal-table td input,
.abnormal-table td .ivu-select-selection {
  border-radius: 0;
}

/* 订单物流详情 */
.order-detail_anchor{
  position: fixed;
  top: 0;
  right: 80px;
  width: 220px;
  padding-left: 25px;
}
@media screen and (min-width: 1920px) {
  .order-detail_anchor {
    right: 150px;
  }
}
.order-detail_anchor .ivu-anchor-wrapper{
  padding: 20px 0 20px 10px;
}
.order-detail_anchor .ivu-anchor{
  padding: 12px 0;
}
.order-detail_anchor .ivu-anchor::before,
.order-detail_anchor .ivu-anchor::after{
  content: '';
  position: absolute;
  left: -9px;
  width: 21px;
  height: 21px;
  border: 3px solid #bfbfbf;
  border-radius: 50%;
  background: #fff;
}
.order-detail_anchor .ivu-anchor::before{
  top: -20px;
}
.order-detail_anchor .ivu-anchor::after{
  bottom: -20px;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-ink:before{
  background-color: #bfbfbf;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-link{
  position: relative;
  line-height: 22px;
  padding: 15px 0 15px 25px;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-link::before{
  position: absolute;
  top: 15px;
  left: -10px;
  content: '';
  width: 22px;
  height: 22px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: #bfbfbf;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-link.ivu-anchor-link-active::before{
  position: absolute;
  content: '';
  top: 21px;
  width: 18px;
  height: 10px;
  border: 0;
  border-radius: 0;
  background: #00aaeb;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-link.ivu-anchor-link-active::after{
  content: '';
  position: absolute;
  top: 21px;
  left: 7px;
  width: 0;
  height: 0;
  border-width: 5px 0 5px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #00aaeb;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-link .ivu-anchor-link-title{
  font-size: 16px;
  color: #000;
}
.order-detail_anchor .ivu-anchor-wrapper .ivu-anchor-link.ivu-anchor-link-active .ivu-anchor-link-title{
  font-size: 18px;
  color: #00aaeb;
}
.ivu-anchor-ink-ball{
  display: none;
}

.order-detail{
  padding-right: 220px;
}
.min-title{
  line-height: 36px;
  margin-top: 10px;
}
.min-title b{
  font-size: 16px;
  color: #00aaeb;
}
.min-title span{
  color: #bfbfbf;
  padding-left: 24px;
}
.order-detail_row{
  line-height: 32px;
  color: #bfbfbf;
}
.order-detail_row em{
  font-style: normal;
}
.order-detail_row span{
  color: #373737;
}
.pro-count{
  font-size: 14px;
  color: #bfbfbf;
  border-top: 2px solid #efefef;
  padding-top: 15px;
  line-height: 24px;
}
.pro-count b{
  font-size: 16px;
  color: #373737;
  padding: 0 10px 0 30px;
}
.logistics-info ul {
  display: flex;
}

.logistics-info ul li {
  flex: 1;
}

.btn-table-title {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.btn-table-title button {
  color: #4ea0a3;
  background: transparent;
  margin-left: 15px;
  border: 0;
}

.btn-table-title button::before {
  margin-right: 2px;
}

.ivu-message {
  top: 50% !important;
  margin-top: -24px;
}